const app = getApp()
var utilBT = require('../../js/utilBT.js');
var api = require('../../js/api.js');


Component({
    options: {
        multipleSlots: true // 在组件定义时的选项中启用多slot支持
    },
    pageLifetimes: {
        show: function () {
            // 页面被展示
            var that = this
            that.setData({
                hasToken: app.globalData.head.hasToken
            })
            app.log('====>>top 页面被展示')
            api.checkToken().then(b=>{
                if (b) {
                    that.refresh()
                }
            })


        },
        hide: function () {
            // 页面被隐藏
        },
        resize: function (size) {
            // 页面尺寸变化
        }
    },

    lifetimes: {
        attached: function () {
            // 在组件实例进入页面节点树时执行

        },
        detached: function () {
            // 在组件实例被从页面节点树移除时执行
        },
    },
    // 以下是旧式的定义方式，可以保持对 <2.2.3 版本基础库的兼容
    attached: function () {
        // 在组件实例进入页面节点树时执行


    },
    detached: function () {
        // 在组件实例被从页面节点树移除时执行
    },

    /**
     * 组件的属性列表
     * 用于组件自定义设置
     */
    properties: {


        userInfo: {
            type: null,
            value: {
                nickName: '未登录',
                headUrl: app.globalData.logo,

            }
        },
        usersIndex: {
            type: Number,
            value: app.globalData.usersIndex,

        },

        users: {
            type: null,
            value: app.globalData.users
        },

        /*=============== popup start===============*/
        //是否显示modal弹窗
        show: {
            type: Boolean,
            value: false
        },
        //控制底部是一个按钮还是两个按钮，默认 false 两个
        single: {
            type: Boolean,
            value: true
        }


    },
    /**
     * 私有数据,组件的初始数据
     * 可用于模版渲染
     */
    data: { // 弹窗显示控制
        // isShow: false
        hasToken: app.globalData.head.hasToken,
    },
    /**
     * 组件的方法列表
     * 更新属性和数据的方法与更新页面数据的方法类似
     */
    methods: {
        /**
         * 公有方法
         */


        toIndex: function () {
            wx.navigateTo({
                url: '/pages/index/index'
            })
        },

        bindPickerChange: function (e) {
            var that = this
            app.log(this.data.users)
            app.log('picker发送选择改变，携带值为', e.detail.value)

            app.globalData.usersIndex = e.detail.value
            that.refresh()
            // that.get_info()

        },

        refresh: function () {
            var that = this
            that.setData({
                users: app.globalData.users,
                usersIndex: app.globalData.usersIndex

            })
            app.log('==>>刷新')
            // app.log(that.data.users)
            //通知界面更新
            that.triggerEvent('upd_top_user', 1)
        },
        get_info: function () {
            var that = this
            api.findAllInfos().then(res=>{
                that.setData({
                    users: app.globalData.users
                })

                //通知界面更新
                that.triggerEvent('upd_top_user', 1)
            })
        },
        test: function () {

            app.log('==TOP==test');
        },
        hideCover: function () {

            app.log('==>>被点击')
            this.toIndex()
        },

        /*=============== popup start===============*/
        // 点击modal的回调函数
        clickMask() {
            // 点击modal背景关闭遮罩层，如果不需要注释掉即可
            // this.setData({show: false})
        },
        // 点击取消按钮的回调函数
        cancel() {
            this.setData({show: false})
            this.triggerEvent('cancel') //triggerEvent触发事件
        },
        // 点击确定按钮的回调函数
        confirm() {
            this.setData({show: false})
            this.triggerEvent('confirm')
        },
        open_ppp: function (e) {
            e.setData({show: true})
        }
    }

})
